
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
	margin: 0 auto;
	padding: 0;
	background: #E3E3E3 url(images/bg3.png) repeat left top;
	/*background: url("images/arkaplan11.jpg") repeat left top;0/
	/*background: url("images/html-bg.png") repeat left top;*/
	background-color: #F9F5EF;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 14px;
	/*color: #00BFFF;*/
	color: #4C4C4C;
}

h1,h2,h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #3E3530;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.8em;
}

h3 {
	font-size: 1.6em;
}

p,ul,ol {
	margin-top: 0;
	line-height: 180%;
}

ul,ol {
        
}

a {
	text-decoration: none;
	color: #D14836;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}

a:hover {
        
}

#wrapper {
	margin: 0 auto;
	padding: 0;
}

/* Header */
#header {
	width: 1000px;
	margin: 0 auto;
	height: 100px;
	padding: 0px 0px 0px 30px;
	background-color: #BCCFD6;
	background-image: url("images/background22.jpg");
	border-radius: 5px;
	position: static;
	margin-top: 20px;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	height: 100px;
	padding: 0px 0px 0px 30px;
	background-color: #BCCFD6;
	background-image: url("images/background22.jpg");
	border-radius: 5px;
	position: static;
	margin-bottom: 20px;
}

#copyright {
	width: 280px;
	height: 65px;
	padding: 35px 0px 0px 0px;
	float: left;
}

#copyright a {
	color: #463E41;
	font-size: 18px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	text-align: right;                
}

#aboutUs, #help{
	float: right;
	width: 150px;
	height: 65px;
	margin-left:0px;
	padding: 35px 0px 0px 0px;
	text-align: center;
}
#aboutUs a , #help a{
	cursor: pointer;
	color: #463E41;
	font-size: 16px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}

#aboutUs a:HOVER, #help a:HOVER, #copyright a:HOVER{
	color: white;	
}


/* Logo */
#logo {
	float: left;
	width: 650px;
	height: 100px;
	margin: 0;
	padding: 0;
	color: #000000;
	line-height: 100px;
}

#username {
	font-size: 17px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	text-align: center;
	float: right;
	width: 280px;
	height: 70px;
	padding: 30px 0px 0px 0px;
	color: #D14836;
}

#username a{
	color: #38240C;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 15px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
}

#username a:HOVER{
	color: white;
}

.rfloat .name {
        color: red;
}

#logo h1,#logo p {
        
}

#logo h1 {
	padding: 40p 0px 0px 80px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 3.8em;
	background: redc;
}

#logo p {
	margin: 0;
	padding: 0px 0 0 0px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #FFFFFF;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #463E41;
	font-size: 34px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-weight: bold;
}

#logo a:HOVER {
	border: none;
	background: none;
	text-decoration: none;
	color: white;
	font-size: 34px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-weight: bold;
}

#logo img {
	height: 100px;
	width: auto;
}

/* Login */
#login {
	float: right;
	width: 280px;
	height: 60px;
	padding: 16px 0px 0px 0px;
}

.login-label {
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}

.login-text {
	width: 100px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: #FFFFFF;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
	float: left;
}

.login-text:FOCUS {
	background-color:#F5F5F5;
	outline: none;
	box-shadow: 0 0 15px white;
}

#login-submit {
	width: 80px;
	height: 22px;
	float: left;
	background: #C31114 no-repeat scroll 0 0 transparent;
}

/* Forgot password */
#forgotPassword {
	float: right;
	width: 280px;
	padding: 4px 0px 0px 0px;
}

#forgot-pass-form {
	margin: auto;
	margin-bottom: 265px;
	width: 500px;
	height: auto;
}

/* Style for the signup reminder text */
#signup-remind {
	font: bold 16px tahoma;
	text-decoration: none;
	color: #00000;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Style for error messages at CreateNewGame and SignUp pages */
.error-message{
	float: none;
	width: 1030px;
	margin: 0 auto;
	margin-top:10px;
	text-align: center;
	font-size:large;
	color: red !important;
}

/*      
        Forms for the page ChangePersInfo.jsp 
        CreateNewGame.jsp and Signup.jsp
*/
.information-text, .information-text-created, #forgotpassword-text, #forgot-information-text {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 500px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	text-align: center;
	font-size: 14px;
}

.information-text-created {
	margin-top: 100px;
	margin-bottom: 350px;
}

#forgotpassword-text {
	text-align: left;
	margin-bottom: 5px;
}

#forgot-information-text {
	margin: auto;
	margin-bottom: 360px;
	width: 500px;
	height: auto;
}

#post-form , #hints_div{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 350px;
	height: auto;
	margin-bottom: 20px;
}

#insert-div{
	margin-left: auto;
	margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
	padding-left: 125px;
    padding-right: 125px;
    width: 100px;
    height: auto;	
}

#insert-button{
	width: 100px;
	height: 30px;
	background-color: #FFC64A;
	background-image: url("images/button1.png");
	text-shadow: #FE6 0px 1px 0px;	
	float: none;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
}

#login-button{
	width: 70px;
	height: 25px;
	background-color: #FFC64A;
	background-image: url("images/button1.png");
	text-shadow: #FE6 0px 1px 0px;	
	float: none;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
}


#insert-button:ACTIVE, #login-button:ACTIVE{
	background-image: none;
}

#button-type{
   width: 100px;
   height: 26px;
   text-shadow: #BDBDBD 0px 1px 0px;	
   background-color: #585858;
   float: right;
   border-radius: 5px;
   font-weight: bold;
   font-family:Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
   background-image: url(images/button2.gif);
}

#map_canvas {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 650px !important;
	height: 350px !important;	
}

.qr_hint_insertion_box{
	width: 350px;
	height: auto;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: #D6E3E9;
	font-size: 12px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-weight: bold;
}

.qr_hint_radio{
	margin-left:125px;
	margin-right:5px;
}

.qr_hint_address, .qr_hint_coordinates, .qr_hint_keyword, .qr_hint_text_area{
	width: 300px;
	height: auto;
	margin-left:20px;
	margin-right:20px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	color: black;
	float: left;
}

.qr_hint_text_area{
	resize: vertical;
}

.qr_hint_address:FOCUS, .qr_hint_coordinates:FOCUS, .qr_hint_keyword:FOCUS, .qr_hint_text_area:FOCUS{
	background-color: #F5F5F5;
	outline: none;
	box-shadow: 0 0 15px white;
}

.qr_hint_remove{
	width: 100px;
	height: 25px;
	background-color: #D7D7D7;
	background-image: url("images/button2.gif");
	text-shadow: #CCCCCC 0px 1px 0px;	
	float: none;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
	margin-left: 120px;
}

.qr_hint_remove:ACTIVE{
	background-image: none;
}

.post-table{
	border-collapse: collapse;
}

.post-table tr td{
	padding: 5px 0;
}
.post-label {
	width: 200px;
	margin-right: 10px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}

.post-textbox {
	width: 200px;
	height: auto;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: white;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: black;
	float: left;
}

.post-textbox:FOCUS, .post-date:FOCUS {
	background-color:#F5F5F5;
	outline: none;
	box-shadow: 0 0 15px white;
}

.post-selection {
	width: 214px;
	height: 26px;
	border-radius: 5px;
	border: 10px #B4B4B4;
}

.post-selection:FOCUS{
	outline: none;
}

.post-date {
	width: 170px;
	height: auto;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: white;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: black;
	float: left;
}

.post-date-image{
	padding: 6px 5px 2px 5px;
	cursor: pointer;
}

#post-submit {
	width: 100px;
	height: 26px;
	float: right;
	font: bold 13px Arial, Helvetica, sans-serif;
}

/* Forms for the page ContactAdmin.jsp */
#contact-form {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom:200px;
	width: 500px;
	height: auto;
}
.contact-table{
	border-collapse: collapse;
}

.contact-table tr td{
	padding: 5px 0;
}
.contact-label {
	width: 200px;
	margin-right: 50px;
	font-weight: bold;
	font-family:Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}

.contact-textbox {
	width: 300px;
	height: auto;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: #FFFFFF;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: black;
	float: left;
}

.contact-textbox:FOCUS, .contact-messagebox:FOCUS{
	background-color: #F5F5F5;
	outline: none;
	box-shadow: 0 0 15px white;
}

.contact-messagebox {
	width: 300px;
	height: 100px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: #FFFFFF;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: black;
	float: left;
	resize: vertical;
}

#contact-submit {
	width: 100px;
	height: 30px;
	float: right;
}

/* Menu */
#menu{
	float: none;
	width: 1030px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	/*padding-left:150px;*/
	margin-top:10px;
	margin-bottom: 30px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	width: 1030px;
	margin-left: 0px;
}

#menu li {
	height:45px;
	/*border-radius: 5px;*/
	float: left;
	width: 170px;
}

#menu a {
	display: block;
	height: 20px;
	margin-right: 1px;
	padding: 25px 8px 0px 8px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: black;
	border: none;
}

#menu a:hover {
	background: #D14836;
	text-decoration: none;
	border-radius: 2px;
	color: white;
}

#menu .current_page_item a {
	background: #D14836;
	text-decoration: none;
	border-radius: 2px;
	color: white;
}

/* Menu at the top of the My Profile page */
#profile-menu{
	float: none;
	width: 1030px;
	height: 40px;
	margin-top:10px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;	
}

#profile-menu ul{
	margin: 0;
	padding: 0px 0px 0px 0px;
	padding-left: 90px;
	list-style: none;
	line-height: normal;
	width: 1030px;
	margin-left: 0px;
}

#profile-menu li {
	height:40px;
	float: left;
	width: 170px;
}

#profile-menu a {
	display: block;
	height: 15px;
	margin-right: 1px;
	padding: 25px 8px 0px 8px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: black;
	border: none;
}

#profile-menu a:hover {
	/*background: #4D90FE;*/
	background: #7B97B2;
	text-decoration: none;
	border-radius: 2px;
	color: white;
}

#profile-menu .current_page_item {
	background: #7B97B2;
	text-decoration: none;
	border-radius: 2px;
	color: white;
}


/* Page */
#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#page-bgtop {
	padding: 0px 0px 0px 0px;
}
/* Content */
#search-content{
	float: left;
	width: 730px !important;
	height: 1100px;
	padding: 0px 0px 0px 0px;
	overflow:scroll;
}

#content {
	float: left;
	width: 730px;
	padding: 0px 0px 0px 0px;
	height:1100px;
}

.post {
	margin-top: 10px;
	margin-bottom: 5px;
	width: 365px;
	height: 260px;
	float: left;
}

.gameinf {
	margin-top: 10px;
	margin-bottom: 5px;
	width: 120px;
	height: 40px;
	float: left;
}

.gameinf .entry {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}



.post .title {
	height: 41px;
	padding: 7px 0px 10px 0px;
	/*letter-spacing: -3px;*/
}

.post .title a {
	padding: 0px 30px 20px 30px;
	color: #333333;
	border: none;
}

.post .meta {
	margin-bottom: 30px;
	padding: 0px 30px 0px 30px;
	text-align: left;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
        
}

.post .entry {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

.post .entry .image {
	width: 345px;
	height: 230px;
	border-radius: 5px;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

/* Sidebar */
#sidebar {
	float: right;
	width: 240px;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	color: #787878;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
	border-bottom: 1px solid #B3B3B3;
	margin: 0px 30px;
	border-left: none;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar li li a {
	padding: 0px 0px 0px 0px;
}

#sidebar h2 {
	height: 38px;
	padding-left: 0px;
	letter-spacing: -.5px;
	font-size: 1.4em;
	text-align: center;
	background-color: #463E41;
	border-radius: 6px;
	color: white;
	line-height: 40px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	margin-bottom: 10px;  
}



/* Sidebar Accordion */

.basic  {
	width: 240px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}
.basic div {
	background-color: #eee;
}

.basic p {
	/*margin-bottom : 10px;*/
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
}
.basic a {
	cursor: pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#000000;
	background-color: #D3BA99;
	border-bottom: 1px solid #f0ffff;
	border-radius: 3px;
}
.basic a:hover {
	background-color: #D14836 !important;
	color:white;
}
.basic a.selected {
	color: white;
	background-color: #D14836;
}
/*Game*/
#game-description, #game-creator-rating, #game-rating, #level-description {
	background-color: #F4F4F4;
	padding: 5px;
	margin-top: 10px;
	float: left;
	width: 730px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: #E4CBAA 5px 5px 5px;
}

#game-name {
	margin-top: 25px;
	text-align: center;
	text-shadow: 2px 2px #CCCCCC;
	font-size:xx-large;
	color: #FFCC00;
}

#game-description {
	margin-bottom: 20px;
}

#game-creator-rating-text {
	margin-right: 10px;
	margin-bottom: 10px;
}

table.statistics {
  margin: 10px 10px 10px 0px;
  background: whitesmoke;
  border-collapse: collapse;
}

table.statistics tr:hover {
   background: lightsteelblue !important;
}

table.statistics th, table.statistics td {
  border: 1px silver solid;
  padding: 2px;
}

table.statistics th {
  background: gainsboro;
  text-align: left;
}

#level-description {
	margin-top: 0px;
	margin-bottom: 15px;
}

#navbar {
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	color: white;
	font: 10pt Verdana, Arial, sans-serif;
	height: 60px;
	margin: 25px auto auto -1px;
	padding: 0;
	position: relative;
	width: 730px;
	z-index: 200;
	float:left;
}

#navbar #nb_search {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0 0 166px;
}

#nb_search .primary.btn {
	vertical-align: middle;
	height: 29px;
	width:80px;
	float: right;
	margin: 0;
	-moz-border-radius: 0 3px 3px 0;
}

#navbar div.quicksearch_dropdown_wrapper {
	width: 100px;
	overflow: hidden;
	background-color: white;
	height: 29px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
	position: absolute;
	right: 100px;
	top: 5px;
}

#navbar select {
	font: 11px Verdana, Arial, sans-serif;
	width: 138px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	border: medium none;
	color: #999;
	height: 29px;
	background: url("/images/navbar/navbar_sprites.png") no-repeat -25px -47px;
	line-height: 25px;
	vertical-align: middle;
	margin-top: 0px;
	border-color: transparent;
}

#navbar #nb_search #navbar-suggestionsearch {
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid #CCC;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 4px 14px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 4px 14px 0;
	box-shadow: rgba(0, 0, 0, 0.8) 0 4px 14px 0;
	overflow: hidden;
	padding: 0px;
	z-index: 99999;
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
	font-size: 13px;
}

#navbar input {
	height: 19px;
	border: none;
	-moz-border-radius: 3px 0 0 3px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	padding: 5px 8px;
	font: 14px Verdana, Arial, sans-serif;
	width: 337px;
}

a.btn, button.btn, input.btn {
	display: inline-block;
	text-decoration: none;
	margin: 0;
	padding: .3em .6em;
	color: black !important;
	font-family: Verdana, Arial, Sans-serif;
	cursor: pointer;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0E0 silver silver #E0E0E0;
	background-color: #ECE2C6;
	vertical-align: baseline;
	font-weight: normal;
	overflow: visible;
}

#nb_search .magnifyingglass {
	width: 16px;
	height: 18px;
	background: url("images/sprites.png");
}


div.rating-cancel,div.star-rating {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}
div.rating-cancel,div.rating-cancel a {
	background:url(images/delete.gif) no-repeat 0 -16px
}
div.star-rating,div.star-rating a {
	background:url(images/star.gif) no-repeat 0 0px
}
div.rating-cancel a,div.star-rating a {
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px;
	border:0
}
div.star-rating-on a {
	background-position:0 -16px!important
}
div.star-rating-hover a {
	background-position:0 -32px
}
div.star-rating-readonly a {
	cursor:default !important
}
div.star-rating {
	background:transparent!important;
	overflow:hidden!important
}

#vote-button{
	width: 50px;
	height: 21px;
	background-color: #FFC64A;
	background-image: url("images/button1.png");
	text-shadow: #FE6 0px 1px 0px;	
	float: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	border-radius: 5px;
}


/* Statistics Page Design */
#statistics-page{
	margin: 0 auto !important;
	margin-top: 10px;
	margin-bottom:10px;
    width: 1024px;
	height: auto !important;
	padding: 0px 0px 0px 0px;
	float: left;
	margin-bottom: 20px;
}

.statistics-fragment{
	margin-top: 10px;
	margin-bottom: 5px;
	height: 260px;
    width: 340px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}

#statistics-fragment1{
	margin-right: 320px;
}
#statistics-fragment2{
	
}
#statistics-fragment3{
	margin-left: 330px;
	margin-right: 330px;
}
#statistics-fragment4{
	margin-right: 320px;
}
#statistics-fragment5{
	
}
.statistics-label{
	width:340px;
	height:40px;
	background: #F3A01E;
	/*background: #7B97B2;*/
	/*background-color: #FBE858;*/
	border: 1px solid #DEDEDE;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	text-align: center;
}
.statistics-label-text{
	display: block;
	height: 20px;
	padding-top: 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 16px;
	font-weight: bolder;	
	color: white;
	border: none;
}

.statistics-entry{
	width: 340px;
	height: 207px;
	border: 1px solid #DEDEDE;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	/*background: #D6E3E9;*/
	/*background-color: #FBE858;*/
	background:#333333;
	font-size: 12px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	/*font-weight: bold;*/
	color: #DFC484;
}

.statistics-table{
	table-layout: fixed;
	width: 340px;
}

.statistics-table-head{
	height: 30px !important;
	font-size: 15px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	text-transform: uppercase;
	color: #FF8400;
}

.statistics-left-field{
	height: 25px !important;
	width: 200px !important;
	text-align: center !important;
	font-size: 12px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;	
}
.statistics-right-field{
	height: 25px !important;
	width: 140px !important;
	text-align: center !important;
	font-size: 12px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}


/* Play The Game Design */
#play-page{
	margin: 0 auto !important;
	margin-top: 10px;
	margin-bottom:40px !important;
    width: 1024px;
	height: auto !important;
	padding: 0px 0px 0px 0px;
	float: left;
}
#play-description, #play-history{
	width: 250px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}

#play-description-label, #play-history-label{
	width:248px;
	height:30px;
	/*background: #F3A01E;*/
	/*background: #F0BF80;*/
	/*background: #F0C859;
	background: -moz-linear-gradient(left, blue, white);*/
	background-image: linear-gradient(bottom, #FFAA22 18%, #FFC93F 50%, #FFE057 75%);
	background-image: -o-linear-gradient(bottom, #FFAA22 18%, #FFC93F 50%, #FFE057 75%);
	background-image: -moz-linear-gradient(bottom, #FFAA22 18%, #FFC93F 50%, #FFE057 75%);
	background-image: -webkit-linear-gradient(bottom, #FFAA22 18%, #FFC93F 50%, #FFE057 75%);
	background-image: -ms-linear-gradient(bottom, #FFAA22 18%, #FFC93F 50%, #FFE057 75%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.18, #FFAA22),
		color-stop(0.5, #FFC93F),
		color-stop(0.75, #FFE057)
	);
	border: 1px solid #DEDEDE;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	text-align: center;
}
#play-description-text, #play-history-text{
	display: block;
	height: 20px;
	padding-top: 10px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 16px;
	font-weight: bolder;	
	color: black;
	border: none;
}

#play-description-table, #play-history-table{
	table-layout: auto;
	width: 250px;
	font-size: 14px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	background: #AFC4D7;
	border: 1px solid #DEDEDE;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
.play-description-table-left{
	font-weight: bolder;
	height: 45px !important;
}

.play-history-table-left{
	font-weight: bolder;
	height: 25px !important;
}

#play-hint{
	width:464px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	float: left;
}

#play-hint-table{
	width: 464px;
	font-size: 14px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}

.play-hint-label{
	width: 180px;
	margin-right: 10px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
}

.play-hint-textbox {
	width: 270px;
	height: auto;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background: white;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: black;
	float: left;
}

.play-hint-textbox:FOCUS{
	background-color:#F5F5F5;
	outline: none;
	box-shadow: 0 0 15px white;
}

#play-game-map-canvas{
	width: 460px;
	height: 270px;
}

#play-hint-button{
	width: 70px;
	height: 30px;
	margin-left: 107px;
	background-color: #FFC64A;
	background-image: url("images/button1.png");
	text-shadow: #FE6 0px 1px 0px;	
	float: none;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
}
#play-hint-button:ACTIVE {
	background-image: none;
}
.error-msg{
	color: blue !important;
}

#qr_generate{
	width: 70px;
	height: 30px;
	margin-left: 107px;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
	display: block;
}

/* Style of the profile page */
#profile-page{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 640px;
	text-align: center;
}
#profile-page table{
	font-size: 14px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;	
}
#profile-page table tr{
	height: 50px;
}

/* Style for View the game Page */
#chart_div{
	margin-left: 165px;
}

/* Style for Game Created Page */
.created-page{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 500px;
	font-weight: bold;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	text-align: center;
	font-size: 14px;
}

.created-level{
	margin-top: 35px;
	margin-bottom: 5px;
	font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 20px;
	font-weight: bolder;
}

#print-button{
	width: 100px;
	height: 30px;
	background-color: #FFC64A;
	background-image: url("images/button1.png");
	text-shadow: #FE6 0px 1px 0px;	
	float: none;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
	margin-top: 20px;
}

.qr_box{
	padding-bottom: 20px;
}

.qr_generate{
	margin-bottom: 20px;
}
#print-media{
	margin: 20px auto !important;
}

/* About Us Style */
#aboutus-page{
	margin-top: 50px;
	margin-bottom: 250px;
}